<template>
	<view>
		<image :src="info.image" mode="aspectFill"></image>
		<view class="u-content">
			<u-parse :html="info.content"></u-parse>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info: {}
			}
		},
		onLoad(e) {
			const {
				id
			} = e
			const db = wx.cloud.database()
			db.collection('swiper').doc(id).get().then(res => {
				this.info = res.data
				uni.setNavigationBarTitle({
					title: res.data.title
				})
			})

		}
	}
</script>

<style>
	image {
		width: 690rpx;
		margin: 0 30rpx;
	}
	.u-content{
		width: 690rpx;
		margin: 30rpx;
	}
</style>
